<template>
	<view class="card">
		<view class="">
			待付款
		</view>
		<view class="">
			订单待付款
		</view>
		<view class="" style="display: flex;margin-bottom: 20rpx;">
			<view class="">
				<img src="@/static/logo.png" alt="" srcset="" style="width: 120rpx;height: 120rpx;" />
			</view>
			<view class="">
				<view class="">
					家具名称
				</view>
				<view class="">
					服务内容：维修
				</view>
				<view class="">
					下单时间：时间
				</view>
			</view>
		</view>
		<block class="" v-if="1">
			<view class="relative" style="margin-bottom: 20rpx;">
				<view class="" style="display: flex;width: 100%;height: 80rpx;background-color: #F5F5F5;">
					<view class="">
						<img src="@/static/logo.png" alt="" srcset="" style="width: 40rpx;height: 40rpx;" />
					</view>
					<view class="">
						<text>2位师傅已报价</text>
						<view class="">
							王师傅已报价¥300.00
						</view>
					</view>
				</view>
				<view class="absolute" style="right: 20rpx;top: 24rpx;">
					<img src="@/static/logo.png" alt="" srcset="" style="width: 40rpx;height: 40rpx;" />
				</view>

			</view>
		</block>
		<u-line></u-line>
		<view class="" style="display: flex; justify-content: flex-end;margin-top: 20rpx;">
			<view class="" style="width: 170rpx;margin-right:20rpx ;">
				<u-button size="normal" color="#D9D9D9" shape="circle">查看订单</u-button>
			</view>
			<view class="" style="width: 170rpx;">
				<u-button size="normal" color="#D9D9D9" shape="circle">支付</u-button>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name: "card",
		data() {
			return {

			};
		}
	}
</script>

<style lang="scss" scoped>
	.card {
		width: 640rpx;
		min-height: 330rpx;
		background: #FFFFFF;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		margin: 20rpx auto;
		padding: 34rpx;
	}
</style>